.jtgjBody {
	width: 100vw;
	height: 100vh;
	position: relative;
	z-index: 1;
	overflow: hidden;

	& > .Back {
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: -1;
		pointer-events: none;
	}

	& > .Nav {
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 132px;
		z-index: 2;
		pointer-events: none;
	}

	& > .Btm {
		position: absolute;
		left: calc(50vw - 406px);
		bottom: 0;
		width: 812px;
		height: 23px;
		z-index: 2;
		pointer-events: none;
	}

	& > .NavBox {
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 132px;
		z-index: 3;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		pointer-events: none;

		& > div:nth-child(2) {
			width: 48vw;
			height: 100%;
			text-align: center;
			font-size: 60px;
			font-family: YouSheBiaoTiHei;
			color: #ffffff;
			line-height: 88px;
			background: linear-gradient(90deg, #ffffff, #00c7f2);
			background-clip: text;
			-webkit-text-fill-color: transparent;
		}

		& > div:nth-child(1),
		& > div:nth-child(3) {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: space-between;
			line-height: 32px;
			padding: 0 16px;
			font-size: 14px;
			font-family: PingFang SC;
			font-weight: 600;
			color: #ffffff;
			pointer-events: auto;

			& > .CallBack {
				font-size: 20px;
				font-family: YouSheBiaoTiHei;
				color: #ffffff;
				text-shadow: 0 0 8px #00c7f2;
				cursor: pointer;
			}

			& > .TopSwitch {
				& > span {
					margin-left: 24px;

					& > span {
						margin: 0 4px;
					}
				}
			}
		}

		& > .NavList {
			position: absolute;
			left: 0;
			top: 48px;
			width: 100%;
			z-index: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 16px;
			pointer-events: auto;

			& > div {
				width: 112px;
				height: 32px;
				font-size: 18px;
				font-family: ShuHeiTi;
				font-weight: bold;
				color: #35c5db;
				display: flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				user-select: none;
				position: relative;

				&::after {
					position: absolute;
					left: 0;
					bottom: 1px;
					width: 100%;
					height: 2px;
					background: linear-gradient(
						90deg,
						rgba(202, 243, 255, 0),
						rgba(202, 243, 255, 1),
						rgba(202, 243, 255, 0)
					);
				}

				&.station {
					width: 50vw;
					cursor: auto;
				}

				&.active {
					color: #e3faff;
					// background: linear-gradient(180deg, ;
					background: radial-gradient(
						circle farthest-side at 50% 100%,
						rgba(15, 173, 183, 0.5),
						rgba(9, 39, 57, 0.3)
					);

					&::after {
						content: "";
					}
				}
			}
		}

		& > .NavTow {
			position: absolute;
			left: 0;
			top: 120px;
			width: 100%;
			height: 40px;
			background: linear-gradient(
				180deg,
				rgba(0, 44, 91, 0.35),
				rgba(0, 181, 213, 0.35)
			);
			z-index: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			pointer-events: auto;

			& > div {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 168px;
				height: 40px;
				margin: 0 40px;
				font-size: 18px;
				font-family: ShuHeiTi;
				font-weight: bold;
				color: #ffffff;
				cursor: pointer;

				&.active {
					background: linear-gradient(180deg, #b91e00, #ffbe62);
				}
			}
		}
	}

	& > .IndexOutlet {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
}
